<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<style>/*内部选择器:简单：元素选择器、class选择器、id选择器、
					   高级：分组选择器 属性选择器等*/
	
							
		body{/*元素选择器:格式:元素名{具体样式}  */
			width: 350px;
			height:500px;
			background-color: #FFC0CB;
			font-size: 10px;
			padding-left:10px ;
		}
		input{/*标签名选择器:格式：标签名{具体样式} 
				           作用于所有的input标签上*/
			width: 300px;
			height:50px ;
			color: #808080;
			
		}
		p{/*元素选择器*/
			text-indent:7px;
			font-size: 7px;
			color: #808080;
		}	
		.xk{/*类选择器：格式：.class名{具体样式}
		                作用：作用于标明class="xk"的元素上*/
			width: 7px;
			height: 7px;
		}
		.button{
			background-color: #FF0000;
			font-size: 20px;
			text-align: center;
			color: white;
		}
		#bm{/*id选择器:格式：#bm{具体样式}*/
					  作用：作用于标明id="bm"的元素上，并且只能被一个元素使用
			margin-left:85px ;
			font-size: 24px;
		}
	</style>
	<body>
		<form action="" method="post">
		<div><h2 id="bm">用户注册</h2></div>
		<div><input type="text" name="user" id="" value="" placeholder="用户名"/></div>
		<div><p>支持中文、字母、数字、“-”、“_”组合，4~20个字符</p></div>
		<div><input type="password" name="pwd" id="" value=""placeholder="设置密码" /></div>
		<div><p>建议使用数字，字母和符号两种以上的组合，6~20个字符</p></div>
		<div><input type="password" name="repwd" id="" value="" placeholder="确认密码"/></div>
		<div><p>两次密码输入不一致</p></div>
		<div><input type="text" name="tel" id="" value=""placeholder="验证手机" />或<a href="">验证邮箱</a></div>
		<div><input class="xk" type="checkbox" name="agree" id="" value="1" />我已阅读并同意<a href="">《京淘用户注册协议》</a></div>
		<div><input class="button" type="submit" name="" id="" value="立即注册" /></div>
		</form>
		
	</body>
</html>
